﻿@{
    ViewBag.Title = "欢迎访问！";
}

@section header {
<script type="text/javascript" src="/Scripts/pbc-template/tabs.js"></script>
}

@section nav{
<li id="nav1"><a href="/Home/Index">首页<span>Index</span></a></li>
<li id="nav2" class="active"><a href="/Home/News">校园资讯<span>News</span></a></li>
<li id="nav3"><a href="/Home/Course">课程交流<span>Course</span></a></li>
<li id="nav4"><a href="/Home/Activity">学生活动<span>Activity</span></a></li>
<li id="nav5"><a href="/Home/Jobs">实习就业<span>Join us</span></a></li>
}

@section header_bottom{
    
}

@section footer_script{
    <script>
        $(document).ready(function () {
            tabs.init();
        })
    </script>
}

<article id="content">
				<div class="wrapper">
					<section class="cols">

						<div class="wrapper pad_bot2">
							<h3><span class="dropcap">1</span>Product name</h3>
							<figure><img src="/images/pbc-template/page4_img1.jpg" alt=""></figure>
							<p class="pad_bot1">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.</p>

							<a href="#" class="link1">Read More</a>
						</div>
						<div class="wrapper">
							<h3><span class="dropcap">4</span>Product name</h3>

							<figure><img src="/images/pbc-template/page4_img2.jpg" alt=""></figure>
							<p class="pad_bot1">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia dese- runt mollit anim id est laborum.</p>

							<a href="#" class="link1">Read More</a>
						</div>
					</section>
					<section class="cols pad_left1">

						<div class="wrapper pad_bot2">
							<h3><span class="dropcap">2</span>Product name</h3>
							<figure><img src="/images/pbc-template/page4_img3.jpg" alt=""></figure>
							<p class="pad_bot1">Dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip exea.</p>

							<a href="#" class="link1">Read More</a>
						</div>

						<div class="wrapper">

							<h3><span class="dropcap">5</span>Product name</h3>

							<figure><img src="/images/pbc-template/page4_img4.jpg" alt=""></figure>
							<p class="pad_bot1">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.</p>

							<a href="#" class="link1">Read More</a>
						</div>
					</section>
					<section class="cols pad_left1">

						<div class="wrapper pad_bot2">
							<h3><span class="dropcap">3</span>Product name</h3>
							<figure><img src="/images/pbc-template/page4_img5.jpg" alt=""></figure>
							<p class="pad_bot1">Commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.</p>

							<a href="#" class="link1">Read More</a>
						</div>
						<div class="wrapper">
							<h3><span class="dropcap">6</span>Product name</h3>

							<figure><img src="/images/pbc-template/page4_img6.jpg" alt=""></figure>
							<p class="pad_bot1">Totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
							<a href="#" class="link1">Read More</a>
						</div>
					</section>

				</div>

			</article>